<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="task4.css">
    <title>登陆</title>

</head>
<body>
    <form>
        <input class="header1" type="submit" value="关闭">
    </form>
    <div class="header2">登陆</div>
    <form>
        <input class="header3" type="submit" value="注册">
    </form>
    <style>
        input::placeholder{
            opacity: 0.5;
        }
    </style>
    <div class="text">
        <img class="size" src="iphone.png">
    </div>
    <div class="juxing">
        <img class="size" src="juxing.png">
    </div>
    <div class="telephone">
    <form>
        <input class="input" type="text" name="telephone" placeholder=" 请输入手机号">
    </form>
    </div>
    <div class="text">
        <img class="size" src="locked.png">
    </div>
    <div class="juxing">
        <img class="size" src="juxing.png">
    </div>
    <div class="telephone">
    <form>
        <input class="input" type="password" name="password" placeholder=" 请输入秘密">
    </form>
    </div>
    <form>
        <input class="footer" type="submit" value="登陆">
    </form>
    <div class="prompt">忘记密码？</div>
</body>